<template>
    <div>
        <nav class="level is-mobile">
            <div class="level-item has-text-centered">
                <div class="level-item">
                    <span class="nav-title">美食</span>
                    <span class="icon">
                        <i class="fas fa-angle-down"/>
                    </span>
                </div>
                <div class="level-right"></div>
            </div>

            <div class="level-item has-text-centered">
                <div class="level-item">
                    <span class="nav-title">综合排序</span>
                    <span class="icon">
                        <i class="fas fa-angle-down"/>
                    </span>
                    
                </div>
                <div class="level-right"></div>
            </div>

            <div class="level-item has-text-centered">
                <div class="level-item">
                    <span class="nav-title">筛选</span>
                    <span class="icon">
                        <i class="fas fa-filter"/>
                    </span>
                </div>
            </div>
        </nav>
        <div class="tabs">
            <ul></ul>
        </div>
    </div>
</template>

<script>
export default {
    name:"MerchantListNav"
}
</script>

<style scoped>
.level{
    margin: 10px;
}
.nav-title{
    font-size: 13px;
}
.icon{
    font-size: 12px;
}
</style>
